<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Документ без названия</title>
    <link href="css/style_intra.css" rel="stylesheet" type="text/css"/>
</head>

<body>

<div class="container">
    <div class="header"><a href="#"><img src="" alt="Место для логотипа" name="Insert_logo" width="180" height="90"
                                         id="Insert_logo" style="background: #C6D580; display:block;"/></a>
        <!-- end .header --></div>
    <div class="content">
        <h1>Инструкции</h1>

        <p>Помните, что в CSS этих макетов много комментариев. Если большинство операций выполняется в представлении
            Дизайн то имеет смысл посмотреть на код. Там есть советы по использованию CSS при работе с фиксированными
            макетами. Перед запуском сайта комментарии можно удалить. Чтобы узнать больше о техниках используемых в этих
            макетах CSS прочтите следующую статью в Центре разработки Adobe: <a
                    href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>
        </p>

        <h2>Макет</h2>

        <p>Поскольку это макет с одним столбцом, то .content не обтекается. </p>

        <h3>Вставка логотипа</h3>

        <p>В этом макете установлен заполнитель рисунка — в .header, где, скорее всего, будет размещен логотип.
            Рекомендуется удалить заполнитель и заменить его своим логотипом со ссылкой. </p>

        <p> Помните, что при использовании инспектора свойств для перехода к своему логотипу при помощи поля SRC (вместо
            удаления и замены заполнителя) следует удалить встроенный фон и свойства экрана. Эти встроенные стили
            предназначены только для того, чтобы отображать заполнитель в браузере. </p>

        <p>Чтобы удалить встроенные стили, убедитесь, что для панели "Стили CSS" установлено значение "Текущий".
            Выберите изображение и в области "Свойства" на панели "Стили CSS" щелкните правой кнопкой мыши и удалите
            свойства экрана и фона. (Также всегда можно перейти прямо в код и удалить встроенные стили из изображения
            или заполнителя в коде.)</p>
        <f:view>
        <f:loadBundle basename="messages" var="msg"/>

        <h:form id="loginForm">
            <h:panelGrid width="500px" columns="2" border="0">
                <rich:panel header="Enter Login and Password" style="background-color: #ebf3fd;">

                    <h:outputText value="*" style="color:#ff0000;"/>are Mandatory.

                    <h:panelGrid id="upg" columns="2" border="0" cellspacing="0" cellpadding="0">


                        <h:panelGroup>
                            <h:outputText value="#{msg.login}"/>
                            <h:outputText value="*" style="color:#ff0000"/>
                        </h:panelGroup>
                        <h:panelGroup>
                            <h:inputText id="login" size="30" value="#{loginController.user.username}"
                                         styleClass="inputbox"/>
                            <h:message for="login" styleClass="errors"/>
                        </h:panelGroup>
                        <h:outputText value=""/><h:outputText value=""/>

                        <h:panelGroup id="pswd">
                            <h:outputText value="#{msg.password}"/>
                            <h:outputText value="*" style="color:#ff0000"/>
                        </h:panelGroup>
                        <h:panelGroup>
                            <h:inputSecret id="password" size="30" value="#{loginController.user.password}"
                                           redisplay="true"
                                           styleClass="inputbox"/>
                            <h:message for="password" styleClass="errors"/>
                        </h:panelGroup>
                        <h:outputText value=""/><h:outputText value=""/>

                        <h:panelGroup>
                            <h:outputText value=""/>
                        </h:panelGroup>
                        <h:panelGroup>
                            <h:commandButton value="#{msg.submit}" action="#{loginController.checkUser}"
                                             styleClass="submitButton"/>
                        </h:panelGroup>
                    </h:panelGrid>
                </rich:panel>
            </h:panelGrid>
        </h:form>
        </f:view>
        <!-- end .content --></div>
    <div class="footer">
        <p>Нижний колонтитул</p>
        <!-- end .footer --></div>
    <!-- end .container --></div>
</body>
</html>